﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>相关动态</title>
    <link href="./css/page-1csshover.css" rel="stylesheet" media="all">
    <link rel="stylesheet" type="TEXT/css" href="css/page-5css/page-5.css">
    <link rel="stylesheet" type="TEXT/css" href="css/page-5css/hover.css">
    <link rel='stylesheet' type='text/css' href='css/page-5css/fonts.css'>
    <link rel="stylesheet" type="TEXT/css" href="css/page-5css/fullnavi.css">
    <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="js/page-5-open.js" type="text/javascript"></script>

</head>

<body>
    <div id="preloader-active">
        <div class="preloader d-flex align-items-center justify-content-center">
            <div class="preloader-inner position-relative">
                <div class="text-center">
                    LOADING
                </div>
            </div>
        </div>
    </div>

    <div>
        <div class="home1 dream">
            <div class="daohang">
                <img src="img/page-5-1img/导航栏.png" class="dhl">
                <ul class="navi">
                    <li class="li1"><a href="xiamanyou.html" class="l hvr-grow">首页</a></li>
                    <li class="li2"><a href="page-2.html" class="l hvr-grow">场馆介绍</a></li>
                    <li class="li3"><a href="page-3.html" class="l hvr-grow">IP介绍</a></li>
                    <li class="li4"><a href="page4-1.html" class="l hvr-grow">文创用品</a></li>
                    <li class="li5"><a href="page-5.html" class="l"><img src="img/page-5-1img/title变色.png" class="titleset"></a></li>
                    <li class="li6"><a href="page-6.html" class="l hvr-grow">关于我们</a></li>
                </ul>
            </div>
            <!-- <div class="nv">
                <ul class="navi">
                    <li class="li1"><a href="page-1.html" class="l">场馆介绍</a></li>
                    <li class="li2"><a href="page-2.html" class="l">场馆介绍</a></li>
                    <li class="li3"><a href="page-3.html" class="l">IP介绍</a></li>
                    <li class="li4"><a href="" class="l">文创用品</a></li>
                    <li class="li5"><a href="page-5.html" class="l">相关动态</a></li>
                    <li class="li6"><a href="" class="l">关于我们</a></li>
                </ul>
            </div> -->
            <img src="img/page-5-1img/QE)QY50M(1T`CMQXDDUSBKD.png" class="background">
            <img src="img/page-5-1img/左侧的纹理.png" class="wenli_left">
            <img src="img/page-5-1img/左侧新闻.png" class="xinwen part1">
            <img src="img/page-5-1img/右侧纹理.png" class="wenli_right part1">
            <div class="p1">
                <p class="p1title" id="p1t">创合智连建立，遐漫游扬帆起航！</p>
            <div class="p1zheng">
                <p class="p1zhengwen" id="p1z">创合智连文化科技（大连）有限公司正式成立。线上云旅游达成1项发明专利2项软件著作权</p>
            </div>  
            </div>
            <div class="p2">
                <p class="p1title" id="p2t">弘祖·遐漫游再创辉煌！</p>
            <div class="p2zheng">
                <p class="p1zhengwen" id="p2z">我创合智连旗下弘祖·遐漫游项目基本架构搭建完成，经两月时间角逐成功进入互联网+省赛！</p>
            </div>  
            </div>
            <div class="p3">
                <p class="p1title" id="p3t">樱木智团粉墨登场!</p>
            <div class="p3zheng">
                <p class="p1zhengwen" id="p3z">“樱木智团”项目组成立，“侠客行”——沉浸式体验馆正式开启！ </p>
            </div>  
            </div>
            <div class="liaojiediv" id="chakan">
                <p class="liaojie" id="chakan1">查看更多</p>
                <img src="img/page-5-1img/查看更多.png" id="chakanimg1" class="liaojieimg">
            </div>
            <div class="gerendiv" >
                <p class="geren " id="w1"  >个人游记</p>
                <img src="img/page-5-1img/个人游记.png" id="w1img1" class="gerenimg">
            </div>
            <div class="gongsidiv">
                <p class="gongsi " id="w2">公司事记</p>
                <img src="img/page-5-1img/公司事记.png" id="w2img1" class="gongsiimg">
            </div>
            <div class="title_right">
                <p class="title_rightwenzi hvr-grow">感悟禅道-圆梦武侠<br>&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;——舟山游</p>
            </div>
            <div class="futitle_right">
                <p class="futitle_rightwenzi hvr-grow">秘色青瓷<br>&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;2020.09</p>
            </div>
            <p class="changwen hvr-grow" >&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;舟山对于我来讲一直是比较陌生的，从前旅行的时候都是路过，从来都没有去过那里游览一番，临近毕业，有室友在舟山实习，并且选择留在那座城市，所以借着这个时机去那里看看。我们一行四个女孩，准备自驾去舟山。 </p>
            <!-- <div class="worddiv">
                <p class="wordright">创合智连文化科技（大连）有限公司正式成立。线上云旅游达成1项发明专利2项软件著作权创合智连文化科技（大连）有限公司正式成立。线上云旅游达成1项发明专利2项软件著作权创合智连文化科技（大连）有限公司正式成立。线上云旅游达成1项发明专利2项软件著作权创合智连文化科技（大连）有限公司正式成立。线上云旅游达成1项发明专利2项软件著作权创合智连文化科技（大连）有限公司正式成立。线上云旅游达成1项发明专利2项软件著作权创合智连文化科技（大连）有限公司正式成立。线上云旅游达成1项发明专利2项软件著作权创合智连文化科技（大连）有限公司正式成立。线上云旅游达成1项发明专利2项软件著作权创合智连文化科技（大连）有限公司正式成立。线上云旅游达成1项发明专利2项软件著作权创合智连文化科技（大连）有限公司正式成立。线上云旅游达成1项发明专利2项软件著作权<br>&thinsp;  &thinsp;  &thinsp;&thinsp;  &thinsp; ——舟山行</p>
            </div> -->
        </div>


        <div class="changjing dream">
            <img class="changguanbj" src="./img/page-5-2img/底图.jpg">
            <button id="launchBtn"></button>
            <div class="wenzi_shangfangdiv">
                <img class="wenzi_shangfang" src="./img/page-5-2img/上方文字块.png" id="kuai1">
                <img class="wenzi_lineright" id="wenzi_lineright"src="./img/page-5-2img/文字块中左侧日期和年份月份中间隔开的小白线.png">
                <img class="wenzi_lineleft" id="wenzi_lineleft" src="./img/page-5-2img/文字块中左侧日期和年份月份中间隔开的小白线.png">
                <div class="dateshang">
                    <div class="date1"><p class="date1w">18</p></div>
                    <div class="date2"><p class="date2w">2022.04</p></div>
                </div>
                <div class="imgshang">
                    <img src="./img/page-5-2img/上内置新闻图片.png" class="shangimg" id="img1">
                </div>
                <div class="wenzi_kuai">
                    <p class="wenzititle1">&thinsp;&thinsp;&thinsp;遐漫游后端MR技术独创研发</p>
                <div class="wenzizheng">
                    <p class="wenzizhengwen1">项目运用MR(混合现实)技术,成功打造线上云旅开发的技术基础</p>
                </div>  
                </div>
            </div>
            <div class="wenzi_zhongdiv">
                <img class="wenzi_zhongfang" src="./img/page-5-2img/中央文字块.png">
                <img class="wenzi_lineright2" id="wenzi_lineright2" src="./img/page-5-2img/文字块中左侧日期和年份月份中间隔开的小白线.png">
                <img class="wenzi_lineleft2" id="wenzi_lineleft2" src="./img/page-5-2img/文字块中左侧日期和年份月份中间隔开的小白线.png">
                <div class="datezhong">
                    <div class="date1"><p class="date1w">18</p></div>
                    <div class="date2"><p class="date2w">2022.04</p></div>
                </div>
                <div class="imgzhong">
                    <img src="./img/page-5-2img/中 内置新闻图片.png" class="shangimg" id="img2">
                </div>

                <div class="wenzi_kuai2">
                    <p class="wenzititle2">遐漫游前端IP虚拟场景开发完成</p>
                <div class="wenzizheng">
                    <p class="wenzizhengwen2">团队完成IP场景自研,累计开发6大场景，提供趣味多感官体验 </p>
                </div>  
                </div>
            </div>
            <div class="wenzi_xiafangdiv">
                <img class="wenzi_shangfang" src="./img/page-5-2img/下侧文字块.png">
                <img class="wenzi_lineright3" id="wenzi_lineright2" src="./img/page-5-2img/文字块中左侧日期和年份月份中间隔开的小白线.png">
                <img class="wenzi_lineleft3" id="wenzi_lineleft3" src="./img/page-5-2img/文字块中左侧日期和年份月份中间隔开的小白线.png">
                <div class="datexia">
                    <div class="date1"><p class="date1w">18</p></div>
                    <div class="date2"><p class="date2w">2022.04</p></div>
                </div>
                <div class="imgxia">
                    <img src="./img/page-5-2img/下方内置新闻图片.png" class="shangimg" id="img3">
                </div>
                <div class="wenzi_kuai3">
                    <p class="wenzititle3">&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;遐漫游IP活化完成</p>
                <div class="wenzizheng">
                    <p class="wenzizhengwen3">创合智连历时两月累计开发13篇原创脚本,156000字底稿,20个IP </p>
                </div>  
                </div>
            </div>
            <img class="huawen_right" src="./img/page-5-2img/右侧花纹.png" id="hwr">
            <img class="png2022 hvr-grow" src="./img/page-5-2img/2022.png">
            <img class="modian" src="./img/page-5-2img/查看更多下面的墨点.png">
            <div class="liaojiediv2">
                <!-- <img src="./img/page-5-3img/第三屏查看更多的发光版.png"> -->
                <p class="chakan1 hvr-grow">查看更多</p>
            </div>
            <div class="yue2">
                <p class="yuewenzi hvr-grow" id="yw1">2月</p>
                <img class="xing" src="./img/page-5-2img/左侧时间轴上月份的星芒.png" id="y1">
            </div>
            <div class="yue3">
                <p class="yuewenzi hvr-grow" id="yw2">3月</p>
                <img class="xing" src="./img/page-5-2img/左侧时间轴上月份的星芒.png" id="y2">
            </div>
            <div class="yue4">
                <p class="yuewenzi hvr-grow" id="yw3">4月</p>
                <img class="xing" src="./img/page-5-2img/左侧时间轴上月份的星芒.png" id="y3">
            </div>
            <div class="yue5">
                <p class="yuewenzi hvr-grow" id="yw4">5月</p>
                <img class="xing" src="./img/page-5-2img/左侧时间轴上月份的星芒.png" id="y4">
            </div>
            
        </div>

        <div class="id dream">
            <img src="./img/page-5-3img/底图.jpg" class="idbj">
            <div class="zhutong1div hvr-grow" id="huang" >
                <img src="./img/page-5-3img/上下点击光效.png" class="guangbiao" id="zt1g">
                <img src="./img/page-5-3img/竹简.png" class="zhutong2" id="zt1">
                <img src="./img/page-5-3img/黄山配图.png" class="image5-3huang" id="zt1i">
                <div class="wordinzhu" >
                    <p class="zhuword" id="zt1w">游黄山日记</p>
                </div>
                <div class="wordinzhuw">
                    <p class="zhuwordw" id="zt1ww">重游奇景，兹游畅快。四顾奇峰错列，雾气笼罩诸峰，犹如畅游云海。山势冲天，遇晴日，旭阳翀翀，令人叫绝。</p>
                </div>
            </div>
            <div class="zhutong2div hvr-grow" id="tai">
                <img src="./img/page-5-3img/上下点击光效.png" class="guangbiao" id="zt2g">
                <img src="./img/page-5-3img/竹简.png" class="zhutong2" id="zt2">
                <img src="./img/page-5-3img/泰山配图.jpg" class="image5-3" id="zt2i">
                <div class="wordinzhu">
                    <p class="zhuword" id="zt2w">游泰山日记</p>
                </div>
                <div class="wordinzhuw">
                    <p class="zhuwordw" id="zt2ww">鸿蒙初启，雨后新霁。庵内炉香闲袅，山中瀑撼风啸。林籁泉韵随蛇行山路愈发绮丽，山间奇石耸立，一览胜景。</p>
                </div>
            </div>
            <div class="zhutong3div hvr-grow" id="lu">
                <img src="./img/page-5-3img/上下点击光效.png" class="guangbiao" id="zt3g">
                <img src="./img/page-5-3img/竹简.png" class="zhutong2" id="zt3">
                <img src="./img/page-5-3img/庐山配图.jpg" class="image5-3lu" id="zt3i">
                <div class="wordinzhu">
                    <p class="zhuword" id="zt3w">游庐山日记</p>
                </div>
                <div class="wordinzhuw">
                    <p class="zhuwordw" id="zt3ww">披雨而行，见层烟叠翠，云雾绕山，至竹丛尽头得一龛，恍非人世。越岭翻山，遇铁峰铮铮，雄奇之极。</p>
                </div>
            </div>
            <div class="zhutong4div hvr-grow" id="yan">
                <img src="./img/page-5-3img/上下点击光效.png" class="guangbiao" id="zt4g">
                <img src="./img/page-5-3img/六字竹简.png" class="zhutong2" id="zt4">
                <img src="./img/page-5-3img/雁荡山配图.jpg" class="image5-3" id="zt4i">
                <div class="wordinzhu">
                    <p class="zhuword" id="zt4w">游雁荡山日记</p>
                </div>
                <div class="wordinzhuw">
                    <p class="zhuwordw" id="zt4ww">险峰直亘云天，狭径通幽，坳间飞瀑下泻。峰罅难行，挽布攀援行路极险，却可赏雨后瀑声如雷轰鸣，日暮方回。</p>
                </div>
            </div>
            <div class="zhutong5div hvr-grow" id="tian">
                <img src="./img/page-5-3img/上下点击光效.png" class="guangbiao" id="zt5g">
                <img src="./img/page-5-3img/六字竹简.png" class="zhutong2" id="zt5">
                <img src="./img/page-5-3img/天台山配图.jpg" class="image5-3" id="zt5i">
                <div class="wordinzhu">
                    <p class="zhuword" id="zt5w">游天台山日记</p>
                </div>
                <div class="wordinzhuw">
                    <p class="zhuwordw" id="zt5ww">鸿蒙初启，雨后新霁。庵内炉香闲袅，山中瀑撼风啸。林籁泉韵随蛇行山路愈发绮丽，山间奇石耸立，一览胜景。</p>
                </div>
            </div>
            <img src="./img/page-5-3img/查看更多组件（上）.png" class="more_shang">
            <img src="./img/page-5-3img/查看更多组件（下）.png" class="more_xia">
            <div class="chakan5-3">
                <p class="chakan" id="gd">查看更多</p>
                <img src="./img/page-5-3img/第三屏查看更多的发光版.png" class="liaojieimg2" id="liaojieimg2">
            </div>
            
        </div>
    </div>
    <script src="js/page-5-introduce.js"></script>
    <script src="js/page-5-guangtiao.js"></script>
</body>

</html>